<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>用户</title>
<link rel="stylesheet" href="/myOA/static/font-awesome-4.7.0/css/font-awesome.min.css">
<link href="/myOA/static/css/common.css" rel="stylesheet" />
<link href="/myOA/static/css/signature.css" rel="stylesheet" />
<link href="/myOA/static/css/cart.css" rel="stylesheet" />
<link href="/myOA/static/css/menu.css" rel="stylesheet" />
<style>
.fileDetails {
	width: 100%;
	text-align: left;
}

.fileDetail {
	margin-bottom:2px;
	width: 100%;
	height: 5%;
	background-color:rgba(0,0,0,.5);
}
.fileNote{
	height:16%;
}
.fileNote textarea{
	height:100%;
}
.fTable{
	height:40%;
	overflow-y:scroll;
}
</style>
</head>
<body>
	<div class="manageContainer">
		<div class="left">
			<div class="userInfo">
				<div class="user">
					<p>
						欢迎&nbsp;:&nbsp;<span>杨佳丽</span>
					</p>
					<p>
						角色&nbsp;:&nbsp;<span>普通用户</span>
					</p>
					<p>
						部门&nbsp;:&nbsp;<span>销售部</span>
					</p>
					<p>
						你共有&nbsp;:&nbsp;<span>2</span>条新消息
					</p>
				</div>
			</div>
			<div class="menus">
			</div>
		</div>
		<div class="right">
			<div class="navs">
				<div class="nav">
					<a href="#">主页</a>
				</div>
				<div class="nav">
					<a href="http://localhost:8088/myOA/login.jsp">重新登录</a>
				</div>
				<div class="nav">
					<a href="#">修改密码</a>
				</div>
				<div class="nav">
					<a href="#">显示隐藏通知栏</a>
				</div>
				<div class="nav">
					<a href="#">帮助</a>
				</div>
				<div class="nav">
					<a href="#">表情笑脸</a>
				</div>
				<div class="nav last">
					<a href="#">日期显示</a>
				</div>
				<div style="clear: both;"></div>
			</div>
			<div class="breadcrumb">当前位置：文档</div>
			<div class="title">员&nbsp;工&nbsp;签&nbsp;到&nbsp;签&nbsp;退</div>
			<div class="contents">
				<div class="addNote">文件属性</div>
				<div class="signature">
					<div class="fileDetails">
						<div class="fileDetail">
							<span>文件名</span> <input type="text" />
						</div>
						<div class="fileDetail">
							<span>位置</span> <span>C:\\部门文档\研发部\所有项目\美和易思\OFFICE说明文档</span>
						</div>
						<div class="fileDetail fileNote">
							<span>备注</span>
							<textarea rows="" cols=""></textarea>
						</div>
						<hr />
						<div class="fileDetail">
							<span>创建时间</span> <span>一个时间</span> <span>所有者</span> <span>系统管理员</span>
						</div>
						<div class="fileDetail">
							文件图标 <input type="radio" />1 <input type="radio" />1 <input
								type="radio" />1 <input type="radio" />1
						</div>
						<hr />
						<div class="fileDetail fTable">
							<table id="division">
								<thead>
									<tr class="theader">
										<th>名称</th>
										<th>大小(KB)</th>
										<th>类型</th>
										<th>创建日期</th>
										<th></th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>Office项目说明</td>
										<td>24064</td>
										<td>Word文档</td>
										<td>年月日时分秒</td>
										<td><input type="button" value="删除" /></td>
									</tr>
								</tbody>
							</table>
						</div>
						<div class="fileDetail">
							<span>操作提示:请在文件名处单击右键，并选取"目标另存为"以下载文件!</span>
						</div>
						<div class="fileDetail">
							<span>文件名</span> <input type="file" />上传
						</div>
						<hr />
						<div class="fileDetail">
							<button>保存</button>
							<button>退出</button>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div style="clear: both;"></div>
	</div>


</body>
</html>